/* stylelint-disable */

.chooseAPlatform_page {
    height: 100vh;
    padding: 24px 16px;
    background-color: #fff;

    .choice {
        color: #171a1d;
        font-weight: 600;
        font-size: 15px;
        font-family: PingFangSC, PingFang SC;
        font-style: normal;
        line-height: 22px;
    }
    .box {
        display: flex;
        flex-wrap: wrap;
        margin-top: 12px;
        column-gap: 12px;
        row-gap: 12px;
        .content {
            width: calc(100% / 3 - 8px);
            border-radius: 6px;

            .item {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 8px;
                background: rgba(23, 26, 29, 0.04);
            }
            .active {
                color: #f1672e;
            }
        }
    }

    .children_box {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 12px;
        padding: 12px;
        column-gap: 12px;
        background: rgba(0, 0, 0, 0.08);
        border-radius: 0px 0px 8px 8px;
        row-gap: 12px;
        .item {
            display: flex;
            align-items: center;
            justify-content: center;
            min-width: calc(100% / 3 - 28px);
            padding: 8px;
            background: rgba(23, 26, 29, 0.04);
            background: #ffffff;
            border: 1px solid rgba(126, 134, 142, 0.24);
            border-radius: 4px;
            border-radius: 4px;
        }
    }
}
